<template>
  <view>
     <swiper
          class="margin-lr margin-top-xs  round-dot"
          :indicator-dots="true"
          :circular="true"
          :autoplay="true"
          interval="5000"
          duration="500"
      >
        <swiper-item v-for="(item, index) in swiperList" :key="index">
          <image :src="item.url" class="radius-image" mode="aspectFill" style=" width: 100%; height: 360rpx;"></image>
        </swiper-item>
      </swiper>
  </view>
</template>

<script setup lang="ts">

import {onMounted, computed, reactive, ref} from 'vue'
import {onLoad, onReady, onShow,onLaunch} from '@dcloudio/uni-app';

import IndexTools from "./IndexTools.vue";
import IndexMsg from "./IndexMsg.vue";
import IndexOrderStastic from "./indexOrderStastic.vue";
import {redirectLoginPage} from '@/common/utils/redirectPage'

import {useStore} from "@/common/store";
import IndexSearch from "./indexSearch.vue";
const store = useStore();

const token = computed(() => store.token)
const userId = computed(() => store.userId)

const swiperList = ref([
      {
        url: 'https://yytwechat.oss-cn-hangzhou.aliyuncs.com/1722417626347.png'
      },
      {
        url: 'https://yytwechat.oss-cn-hangzhou.aliyuncs.com/1722417616511.png'
      },
      {
        url: 'https://yytwechat.oss-cn-hangzhou.aliyuncs.com/1722417597915.png'
      }
    ]);
</script>

<style lang="scss" scoped>
.radius-image{
  border-radius: 10rpx;
}
.round-dot{height: 360rpx;}

</style>
